<template>
  <div class="container">
    <div class="app-container">
      <el-row type="flex" class="header">
        <el-col>
          企业名称：
          <el-input style="width: 200px; margin: 20px 10px 0 0;" placeholder="请输入企业名称" size="mini" />
          <el-button size="mini" type="primary">查询</el-button>
        </el-col>
      </el-row>
      <el-row>
        <el-button type="primary" size="mini">添加企业</el-button>
      </el-row>
      <el-table>
        <el-table-column label="序号" width="150px" />
        <el-table-column label="企业名称" />
        <el-table-column label="联系人" />
        <el-table-column label="联系电话" />
        <el-table-column label="操作" />
      </el-table>
    </div>
  </div>
</template>
<script>
import { getCompanyListAPI } from '@/api/company'

export default {
  name: 'Company',
  data() {
    return {
      list: []
    }
  },
  created() {
    this.getCompanyList()
  },
  methods: {
    async getCompanyList() {
      await getCompanyListAPI()
    }
  }
}
</script>
<style scoped>
  .app-container {
    padding: 20px;
  }
  .header {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
</style>
